<template>
  <div class="project">
    <div class="zzyimg"></div>
    <div class="item">
      <el-container>
        <el-aside
          style="
             {
              width: 230px;
              margin-right: 30px;
            }
          "
        >
          <div class="Honorqualification">项目案例</div>
          <cooperation />
        </el-aside>
        <el-main>
          <div class="mainitem">
            <Bread :breadArr="breadArr"></Bread>
            <engineering :en="true" :tocase="true" :images="projectimages" />
          </div>
        </el-main>
      </el-container>
    </div>
  </div>
</template>

<script>
import Bread from "@/components/Bread";
import cooperation from "@/components/cooperation";
import engineering from "@/components/engineering";

export default {
  name: "core",
  components: {
    Bread,
    cooperation,
    engineering,
  },
  mounted() {},
  data() {
    return {
      projectimages: [
        {
          title: "拉萨河综合整治工程",
          url: require("@/assets/images/ls.png"),
        },
        {
          title: "岸堤水库除险加固工程",
          url: require("@/assets/images/ta.jpg"),
        },
        {
          title: "茨淮新河灌区凤台县大寨沟站拆除重建工程",
          url: require("@/assets/images/zw.jpg"),
        },
        {
          title: "罗山县白水冲等49座小型病险水库除险加固工程施工",
          url: require("@/assets/images/ls.jpg"),
        },
        {
          title: "湖北省汉江堤防加固重点工程",
          url: require("@/assets/images/hb.jpg"),
        },
        {
          title: "泸定县田坝乡磨河村、木角村农田灌溉工程项目 ",
          url: [
            require("@/assets/images/xz.png"),
            require("@/assets/images/xz11.png"),
          ],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "",
        },
        {
          title:
            "道孚县亚卓镇等十二个乡镇城乡建设用地增减挂钩试点项目拆旧区复垦工程",
          url: [require("@/assets/images/xz1.png")],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "",
        },
        {
          title:
            "南充市高坪区 2021 年第二批中央财政衔接推进乡村振兴补助资金以工代赈项目",
          url: [require("@/assets/images/xz2.png")],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "",
        },
        {
          title: "石渠县色须镇贫困村和平定居村饮水入户工程项目",
          url: [require("@/assets/images/xz4.png")],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "",
        },
      ],
      breadArr: [
        {
          title: "项目案例",
          to: "/project",
        },
      ],
    };
  },
  methods: {},
  watch: {},
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.item {
  width: 1200px;
  height: 100%;
  text-align: center;
  margin: auto;
  margin: -50px auto auto;
}
.Honorqualification {
  width: 230;
  height: 77px;
  text-align: center;
  line-height: 77px;
  background: #017cc2;
  color: #fff;
  font-size: 26px;
  margin-bottom: 10px;
}
.mainitem {
  text-align: right;
}
.zzyimg {
  width: 100%;
  height: 500px;
  margin: auto;
  background: url("@/assets/images/ej.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}
</style>
